<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite">

<h:head>
</h:head>

<h:body>
    <composite:interface>
        <composite:attribute name="title" required="true"/>
        <composite:facet name="buttonContent"/>
        <composite:facet name="rightContent"/>
    </composite:interface>

    <composite:implementation>
        <h:outputStylesheet name="util/css/data-table.css"/>
        <h:outputScript/>

        <p:outputPanel layout="block" styleClass="data_table_wrapper">
            <p:outputPanel layout="block" styleClass="table-content-title">
                <div class="custom-icon-list"></div>
                <h:outputText value="#{cc.attrs.title}" styleClass="table-title"/>
            </p:outputPanel>

            <p:outputPanel layout="block" styleClass="data-table-content">
                <p:outputPanel layout="block" style="display: flex">
                    <div class="override-icons" style="margin-bottom:15px; width: 50%">
                        <composite:renderFacet name="buttonContent"/>
                    </div>
                    <div style="text-align:right; width: 50%">
                        <composite:renderFacet name="rightContent"/>
                    </div>
                </p:outputPanel>

                <p:outputPanel styleClass="data_table_content" layout="block">
                    <composite:insertChildren/>
                </p:outputPanel>

            </p:outputPanel>
        </p:outputPanel>
    </composite:implementation>
</h:body>
</html>